// flex box
@mixin flex-box($jc:space-between, $ai:center, $fd:row, $fw:nowrap) {
  display: flex;
  flex-flow: $fd $fw;
  align-items: $ai;
  justify-content: $jc;
}

// 清除浮动
@mixin clearfix {
  &::after {
    display: table;
    clear: both;
    content: '';
  }
}

// 多行隐藏
@mixin text-overflow($clamp:1) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: $clamp;
  -webkit-box-orient: vertical;
}
